<template>
  <view class="notice-page">
    <u-navbar back-text="返回" title="公告"></u-navbar>
    <view class="content">
      <view class="notice-card">
        <view class="notice-header">
          <u-icon name="info-circle" size="40" color="#3fcec6"></u-icon>
          <text class="notice-title">开发者公告</text>
        </view>
        
        <view class="notice-content">
          <text class="notice-text">本产品为我一人独立开发</text>
          <text class="notice-text">如出现任何问题，请及时联系我</text>
          <text class="notice-text">欢迎朋友们来学习交流</text>
        </view>
        
        <view class="contact-info">
          <text class="contact-email">邮箱: fanfan0521@yeah.net</text>
        </view>
        
        <view class="declaration-section">
          <text class="declaration-text">声明: 本图片来自用户投稿,非商业使用,应用于免费学习交流 如侵犯了你的权益 您可以拷贝壁纸ID举报至平台。邮箱:fanfan0521@yeah.net,管理将删除你的有关壁纸 维护您的权益，制作不易，还请谅解！</text>
        </view>
      </view>
      
      <u-image src="@/static/image/wx.jpg" mode="aspectFill" width="100%" height="800rpx" radius="8rpx" margin-top="30rpx"></u-image>
    </view>
  </view>
</template>

<script setup>
</script>

<style scoped lang="scss">
.notice-page {
  min-height: 100vh;
  background: #f5f5f5;
  
  .content {
    padding: 30rpx;
  }
  
  .notice-card {
    background: #fff;
    border-radius: 16rpx;
    padding: 30rpx;
    box-shadow: 0 4rpx 16rpx rgba(0, 0, 0, 0.1);
  }
  
  .notice-header {
    display: flex;
    align-items: center;
    gap: 20rpx;
    margin-bottom: 30rpx;
    padding-bottom: 20rpx;
    border-bottom: 1rpx solid #e0e0e0;
    
    .notice-title {
      font-size: 32rpx;
      font-weight: 600;
      color: #333;
    }
  }
  
  .notice-content {
    margin-bottom: 30rpx;
    
    .notice-text {
      display: block;
      font-size: 28rpx;
      color: #666;
      line-height: 1.6;
      margin-bottom: 16rpx;
    }
  }
  
  .contact-info {
    margin-bottom: 30rpx;
    padding: 20rpx;
    background: #f8f9fa;
    border-radius: 8rpx;
    
    .contact-email {
      font-size: 26rpx;
      color: #3fcec6;
    }
  }
  
  .declaration-section {
    padding: 20rpx;
    background: #fff8e1;
    border-radius: 8rpx;
    border-left: 4rpx solid #ffa726;
    
    .declaration-text {
      font-size: 24rpx;
      color: #666;
      line-height: 1.5;
    }
  }
}
</style>